<template>
  <!-- 小弹框 width:500,height:0.3,top:15%  -->
  <!-- 中弹框 width:800,height:0.5,top:10% -->
  <!-- 大弹框 width:1060,height:0.76,top:5% -->

  <div class="Control-1 mechanism_dialogS closure" id="comcn small">
    <el-dialog
      width="99%"
      title="查看"
      v-dialogDrag
      :visible.sync="visible"
      @close="closeDialog"
      :append-to-body="true"
      v-loading="loading"
      element-loading-text="拼命加载中"
      element-loading-background="rgba(0, 0, 0, 0.2)"
      element-loading-spinner="el-icon-loading"
      top="1%"
    >
      <div
        class="dialogBody common"
        id="longLable"
        :style="{ height: '800px' }"
      >
        <div style="height: 100%">
          <el-table
            :data="tableData"
            :span-method="objectSpanMethod"
            border
            style="width: 100%; height: 100%;overflow: auto;"
          >
            <el-table-column
              prop="fNote"
              label="过程"
              align="center"
              width="75"
            >
              <template slot-scope="scope">
                <el-button
                  @click="openDialog(scope.row)"
                  @cell-dblclick="openDialog"
                  type="text"
                  size="small"
                  style="padding: 0 !important; margin: 0"
                >
                  {{ scope.row.fNote }}
                </el-button>
              </template>
            </el-table-column>
            <el-table-column
              prop="fNambername"
              label="孔号"
              align="center"
              width="150"
            >
            </el-table-column>
            <el-table-column
              prop="fTensioningdates"
              label="张拉时间"
              align="center"
              width="70"
            >
            </el-table-column>
            <el-table-column
              prop="fMachinename"
              label="张拉仪"
              align="center"
              width="65"
            >
            </el-table-column>
            <el-table-column
              prop="fRecordproject"
              label="记录项目"
              align="center"
              width="110"
            >
            </el-table-column>
            <el-table-column label="张拉阶段">
              <el-table-column
                prop="fOriginalstroke"
                label="初始行程"
                align="center"
                width="70"
              >
              </el-table-column>
              <el-table-column
                prop="fFirststroke"
                label="第一行程"
                align="center"
                width="70"
              >
              </el-table-column>
              <el-table-column
                prop="fSecondstroke"
                label="第二行程"
                align="center"
                width="70"
              >
              </el-table-column>
              <el-table-column
                prop="fThirdstroke"
                label="第三行程"
                align="center"
                width="70"
              >
              </el-table-column>
              <el-table-column
                prop="fFourthstroke"
                label="第四行程"
                align="center"
                width="70"
              >
              </el-table-column>
            </el-table-column>
            <el-table-column
              prop="fConclusion"
              label="实测结论"
              align="center"
              width="70"
            >
            </el-table-column>
            <el-table-column
              prop="fDesigntension"
              label="设计张力(KN)"
              align="center"
              width="100"
            >
            </el-table-column>
            <!-- <el-table-column
                  prop="fOvertensionrate"
                  label="超张百分比(%)"
                  align="center"
                  width="110"
                >
                </el-table-column> -->
            <el-table-column
              prop="fOvertensionrate"
              label="超张百分比(%)"
              align="center"
              width="110"
            >
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  :type="scope.row.OvertensionrateBtnType"
                  :class="scope.row.OvertensionrateBtnType"
                >
                  {{ scope.row.fOvertensionrate }}
                </el-button>
              </template>
            </el-table-column>
            <el-table-column
              prop="fDesignelongation"
              label="设计伸长量(mm)"
              align="center"
              width="115"
            >
            </el-table-column>
            <el-table-column
              prop="fTotalelongation"
              label="总伸长量(mm)"
              align="center"
              width="110"
            >
            </el-table-column>
            <!-- <el-table-column
                  prop="fElongationdeviation"
                  label="延伸量误差(%)"
                  align="center"
                  width="110"
                >
                </el-table-column> -->
            <el-table-column
              prop="fElongationdeviation"
              label="延伸量误差(%)"
              align="center"
              width="110"
            >
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  :type="scope.row.ElongationdeviationBtnType"
                  :class="scope.row.ElongationdeviationBtnType"
                >
                  {{ scope.row.fElongationdeviation }}
                </el-button>
              </template>
            </el-table-column>

            <!-- <el-table-column
                  prop="fRetraction"
                  label="回缩量(mm)"
                  align="center"
                  width="100"
                >
                </el-table-column> -->
            <el-table-column
              prop="fRetraction"
              label="回缩量(mm)"
              align="center"
              width="100"
            >
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  :type="scope.row.RetractionBtnType"
                  :class="scope.row.RetractionBtnType"
                >
                  {{ scope.row.fRetraction }}
                </el-button>
              </template>
            </el-table-column>
            <!-- <el-table-column
                  prop="fHoldingtime"
                  label="持荷时间(s)"
                  align="center"
                  width="100"
                >
                </el-table-column> -->
            <el-table-column
              prop="fHoldingtime"
              label="持荷时间(s)"
              align="center"
              width="100"
            >
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  :type="scope.row.HoldingtimeBtnType"
                  :class="scope.row.HoldingtimeBtnType"
                >
                  {{ scope.row.fHoldingtime }}
                </el-button>
              </template>
            </el-table-column>
            <el-table-column
              prop="fWarninglevel"
              label="预警级别"
              align="center"
              width="90"
            >
              <template slot-scope="scope">
                <el-button
                  size="mini"
                  :type="scope.row.btnType"
                  :class="scope.row.btnType"
                >
                  {{ scope.row.fWarninglevelText }}
                </el-button>
              </template>
            </el-table-column>
            <el-table-column
              prop="fHandlesituation"
              label="断、滑丝及处理情况"
              align="center"
              width="140"
            >
            </el-table-column>
          </el-table>
        </div>
      </div>
    </el-dialog>
    <custom-dialog
      @refreshList="refreshList"
      :currentRow="processDetail"
      v-if="WBSShow"
      :dialogVisible="WBSShow"
      @close1="WBSDialog"
     :getList="getList"
    ></custom-dialog>
  </div>
</template>

<script src="./index.js"></script>
<style lang="less" scoped>
@import "./index.less";
</style>
